/* Css que nos permite mostrar los mensajes de informacio, exito, error o alerta del sistema 

Nota: Solo se implementaron los mensajes de info, pero los demas son igual de funcionales
*/

.info, .exito, .alerta, .error {
    font-family:Arial, Helvetica, sans-serif; 
    font-size:13px;
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;	
	text-align: center; 
}
.info {
    color:#7A021C;
    background-color:#FFF2F5;
    background-image: url(../images/info.png);
}
.exito {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url(../images/exito.png);
}
.alerta {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url(../images/alerta.png);
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url(../images/error.png);
}